<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人</title>
    <link rel="stylesheet" href="./css/common/reset.css" />
    <link rel="stylesheet" href="./css/common/1px.css" />
    <link rel="stylesheet" href="./components/deng/index.css" />
    <link rel="stylesheet" href="./components/bottom/index.css" />
    <link rel="stylesheet" href="./css/zhao/myinfo.min.css" />
  </head>
  <body>
    <script src="./lib/rem.js"></script>
    <section class="main">
      <div class="myinfo-container">
        <!-- 头部 -->
        <header>
          <div class="header-self">
            <a href="javascript:history.go(-1)" class="return-img"></a>
            <a class="header-register" href="register.html">
              <p>个人</p>
            </a>
            <div class="self-photo"></div>
          </div>

          <div class="header-hello">
            <div class="hello">
              <h2>您好 游客</h2>
              <p>世界很大，抬脚出去荡~</p>
            </div>
            <div class="red-packet">
              <div class="red-packet-left">
                <p class="red-packet-left-title">
                  ￥
                  <span>50</span>
                </p>
                <p class="red-packet-left-text">红包优惠券</p>
              </div>
              <div class="red-packet-right">
                <p class="red-packet-right-title">
                  1000
                  <span>分</span>
                </p>
                <p class="red-packet-right-text">积分</p>
              </div>
            </div>
          </div>
        </header>

        <section>
          <div class="section-order">
            <ul>
              <li>
                <a href="order.html"></a>
                <p>全部订单</p>
              </li>
              <li>
                <a href="javascript:;"></a>
                <p>待付款</p>
              </li>
              <li>
                <a href="javascript:;"></a>
                <p>未出行</p>
              </li>
              <li>
                <a href="javascript:;"></a>
                <p>待点评</p>
              </li>
            </ul>
          </div>
          <div class="section-mine">
            <ul>
              <li>
                <span class="icon"></span>
                <a href="javascript:;">我的相册</a>
                <span class="icon-go"></span>
              </li>
              <li>
                <span class="icon"></span>
                <a href="javascript:;">我的行程</a>
                <span class="icon-go"></span>
              </li>
              <li>
                <span class="icon"></span>
                <a href="javascript:;">我的游记</a>
                <span class="icon-go"></span>
              </li>
              <li>
                <span class="icon"></span>
                <a href="javascript:;">我的财富</a>
                <span class="icon-go"></span>
              </li>
            </ul>
          </div>
        </section>
      </div>
    </section>

    <footer class="footer">
      <div class="footer-wrp-contain">
        <a href="index.html" class="footer-wrap-item">
          <img src="./images/common/footer_0322_05.png" alt="" />
          <span>首页</span>
        </a>
        <a href="search.html" class="footer-wrap-item">
          <img src="./images/common/footer_0322_06.png" alt="" />
          <!-- <span class="active">目的地</span> -->
          <span>目的地</span>
        </a>
        <a href="history.html" class="footer-wrap-item">
          <img src="./images/common/footer_0322_07.png" alt="" />
          <span>浏览历史</span>
        </a>
        <a href="myinfo.html" class="footer-wrap-item">
          <img src="./images/common/footer_0322_04.png" alt="" />
          <span class="active">个人</span>
        </a>
      </div>
    </footer>
  </body>
</html>
